/**=typeset	    @name ：页面整体排版   @type ：全局      @author ：jiangyinyan
---------------------------------------------------------*/
body{font:14px/1.8em Tahoma,Helvetica,Arial,"sans serif";color:#888;background:url(../img/body_bg.png) repeat #f7f7f7;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{line-height:1.8em;}
input,select{border:0;}
h3{font-size:16px;height:20px;line-height:20px;color:#888;}
a{text-decoration: none;color: #888;}
a:hover{color: #555;cursor: pointer; }

/**=清除浮动	    @name ：bd      @type ：全局       @author ：jiangyinyan
---------------------------------------------------------*/
.con:after,
.con_mt:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	_zoom:1;
}
.clearfix{
	clear: both;
}

/**=color	    @name ：字体颜色      @type ：全局
---------------------------------------------------------*/
.fc_2{color:#222;}
.fc_5{color:#555;}
.fc_8{color:#888;}
.fc_a{color:#aaa;}
.fc_f{color:#fff;}
.fc_or{color:#ed8111;}
.fc_re{color:#ce0d00;}
.fc_gr{color:#539f28;}
a:hover.fc_gr{color:#478e1f;text-decoration:underline;}

/**=Layout	    @name ：背景颜色    @type ：全局
---------------------------------------------------------*/
.bg_f9{background:#f9f9f9;}
.bg_f7{background:#f7f7f7;}
.bg_e{background:#eee;}
.bg_or{background:#f5e6d1;}


/**=Layout	    @name ：内容部件    @type ：全局
---------------------------------------------------------*/
/* 描边 */
.bor{border:1px solid #ccc;}
.bt{border-top:1px solid #fff;}
.bb{border-bottom:1px solid #e0e0e0;}
.bor_or{border:1px solid #ea9316;}
.bor_gr{border:1px solid #478e1f;}
.b_no{border:0;}
.bt_no{border-top:0;}
.bor_ra{border-radius:3px 3px 3px 3px;}

/*  图标  */
.ico0{
	background:url(../img/ico.png) no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
}
.ico{
	width:30px;
	height:30px;
	vertical-align: middle;
	background:url(../img/ico_1.png) no-repeat;
	display:inline-block;
}
		/* 分类icon */
.ico1{
	width:20px;
	height:20px;
	line-height:20px;
	background:url(../img/ico_2.png) no-repeat;
	display:inline-block;	
	
}
a:hover.all{
	background-position:0 -20px;
}
.peo{
	background-position:0 -60px;
}
a:hover.peo{
	background-position:0 -80px;
}
.hou{
	background-position:0 -120px;
}
a:hover.hou{
	background-position:0 -140px;
}
.wal{
	background-position:0 -180px;	
}
a:hover.wal{
	background-position:0 -200px;
}
.tra{
	background-position:0 -240px;
}
a:hover.tra{
	background-position:0 -260px;
}
.amu{
	background-position:0 -300px;
}
a:hover.amu{
	background-position:0 -320px;
}
.buy{
	background-position:0 -360px;
}
a:hover.buy{
	background-position:0 -380px;
}
.stu{
	background-position:0 -420px;
}
a:hover.stu{
	background-position:0 -440px;
}
.clo{
	background-position:0 -480px;
}
a:hover.clo{
	background-position:0 -500px;
}
.eat{
	background-position:0 -540px;
}
a:hover.eat{
	background-position:0 -560px;
}


/* 输入框 */
input{
	padding:5px;
	height:30px;
	font-size:14px;
	line-height:30px;
	border-radius:3px 3px 3px 3px;
}
.inp_box{
	margin-top:-3px;
	height:15px;
	font-size:12px;
	color:#ed8111;
	padding:5px;
	line-height:18px;
	border-radius:3px 3px 3px 3px;
}
.inp_a{
	margin-left:-30px;
	position:absolute;
	top:12px;
}
a:hover.inp_a{
	background-position:0 -26px;
}
.wrap_inp{
	height:20px;
	line-height:20px;
}
/*----------按钮----------*/
.but{
	background:url(../img/button.png) no-repeat;
	text-align:center;
	line-height:35px;
	color:#aaa;
	font-size:18px;
	font-weight:bold;
	height:40px;
	display:inline-block;
}
a:hover.but{color:#222;}
/* 橙色按钮 */
.but_or{
	color:#f7f7f7;
	text-shadow:0 1px 0 #f2991a;
	background-position:0 -135px;
}
a:hover.but_or{
	color:#fff;
	background-position:0 -180px;
}
a:active.but_or{
	background-position:0 -225px;
}
/* 白色按钮 普通 */
a:hover.but_wrm{
	color:#888;
	background-position:0 -45px;	
}
a:active.but_wrm{
	background-position:0 -90px;	
}
/* 白色按钮 长 */
.but_wrl{
	background-position:0 -270px;
}
a:hover.but_wrl{
	color:#888;
	background-position:0 -315px;
}
a:active.but_wrl{
	background-position:0 -360px;
}
/* 编辑按钮 */
.but_ed{
	font-size:12px;
	line-height:30px;
	font-weight:normal;
	color:#555;
	height:30px;
	background-position:0 -405px;
	float:left;
	margin:9px 15px;
}
/* 白色按钮 短 */
.but_wrs{
	height:30px;
	background-position:0 -440px;
}

/**=Layout	    @name ：页面布局     @type ：全局
---------------------------------------------------------*/
#content{
	width:100%;
	overflow:hidden;
	position:relative;
	top:80px;	
	z-index:1;
	margin: auto;
	}
#content .con{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:1px solid #ccc;
	background:#f9f9f9;	
	border-radius:5px 5px 5px 5px;
	box-shadow:0 3px 3px #eee;
}
#footer .con{
	width: 960px;
	margin:0 auto;
	font-size:11px;
	color:#aaa;
	text-shadow:0 1px 0 #fff;
}
#footer .con a{
	padding:0 5px;
	color:#aaa;
	text-shadow:0 1px 0 #fff;
	display:inline-block;
}
#footer .con .footer_a1{
	padding-left:0;
}
#footer .con a:hover,.user p a:hover{text-decoration: underline;}
/* 文字链接 */
#footer .con a:hover,a:hover.album_a,.user p a,.user p a:hover{
	color:#ed8111;
}

/**=header	    @name ：网站header     @type ：全局
---------------------------------------------------------*/
#header{
	background:url(../img/header_bg.png) repeat-x #222;
	position: relative;
	width: 100%;
	min-width:960px;
	height:55px;
	border-bottom:3px solid #fa9f1d;
	box-shadow:0 2px rgba(34,34,34,0.2);
	position:absolute;
	z-index:99;
}
.logo{
	width:190px;
	height:60px;
	background:url(../img/logo.png) no-repeat;
	display:inline-block;
	margin-left:20px;
}
.nav{
	width:180px;
	height:45px;
	padding-top:13px;
	_padding-top:15px;
	margin-left:30px;
	float:left;
}
.nav li,.nav_user li{
	float:left;
}
.nav li a{
	margin-right:20px;
	height:45px;
	line-height:45px;
	padding:0 10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	display:inline-block;
	border-radius:3px 3px 0 0;
}
.nav li a:hover,.nav_cur{
	color:#fff;
	background:#ffa422;
}
.nav_user{
	width:520px;
	height:40px;
	padding-top:17px;
	margin-right:15px;
	float:right;
}
.nav_user li{
	float:right;
}
.nav_user a{
	display:inline-block;
}
.search{
	padding:5px 25px 5px 5px;
	line-height:20px;
	height:20px;	
}
.sea_ico{
	position:relative;
	top:5px;
	_top:-4px;
	right:30px;
	width:20px;
	height:20px;
}
.upload_bu{
	width:100px;
	text-align:center;
	line-height:28px;
	color:#eee;
	background:url(../img/button.png) no-repeat;
	background-position:0 -480px;
}
a:hover.upload_bu{
	color:#222;
	background-position:-100px -480px;
}
.lo_re{
	color:#eee;
	line-height:30px;
	text-align:center;
}
a:hover.lo_re{
	color:#fff;
	background:url(../img/button.png) no-repeat;
	background-position:-150px -440px;
}


/**=Layout	    @name ：页面布局     @type ：瀑布流页面
---------------------------------------------------------*/
.class,.photo,.album,.user,.location{
	background:#f9f9f9;
	border:1px solid #ccc;
	color:#888;
	border-radius:3px 3px 3px 3px;
}
/* 照片面板 */
.photo{
	position:relative;
	padding-bottom:5px;
	margin:5px;
}
a.place{
	font-size:12px;
	width:70%;
	height:18px;
	line-height:17px;
	padding-left:15px;
	background-position:-3px -180px;	
	color:#555;
}
a:hover.place{
	color:#222;
	background-position:-3px -199px;	
	}
.time{
	width:20px;
	height:20px;
	background-position:0 -242px;
}
a:hover.time{
	background-position:0 -260px;	
}
.img{
	border-radius:3px 3px 0px 0px;
}
.care_box{
	position:absolute;	
	top:0;
	left:0;
	z-index:10;
}
.look,.comment,.care{
	background:url(../img/care.png) no-repeat;
	width:75px;
	float:left;
	padding:22px 0 7px 0;
	margin:0px;
	height:30ox;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	text-align:center;
	display:inline-block;
}
.look span,.comment span,.care span{
	color:#aaa;
}
.look{
	border-left:0;
}
a:hover.look{
	background-position:0 -46px;
}
.comment{
	background-position:-75px 0;
}
a:hover.comment{
	background-position:-75px -46px;
}
.care{
	background-position:-150px 0;
	border-right:0;
}
a:hover.care{
	background-position:-150px -46px;
}
/* 相册面板 */
.album h3,.user h3{padding:5px 10px;}
.album_a{color:#888;}
.user p{height:28px;line-height:25px;padding:5px 0;}
.album_ed{
	background:url(../img/shadow0.4.png) repeat;
	position:absolute;
	top:200px;
	left:40%;
	z-index:10;
}
.ed_box{
	padding:40px 20px 20px;
}
/* 分类面板 */
.class{padding:5px 10px;}
.class_a,.place_a{
	color:#888;
	width:28px;
	height:18px;
	line-height:18px;
	border:1px solid #f9f9f9;
	margin-bottom:5px;
	float:left;
}
.class_a{
	padding-left:20px;
	position:relative;
}
a:hover.class_a,a:hover.place_a,class_acur{
	color:#ed8111;
	border:1px solid #ed8111;
}
.place_a{
	padding-left:5px;
	width:43px;
}
a:hover.place_a_no{
	color:#888;
	border:1px solid #f9f9f9;	
}
.pla_mo{
	width:10px;
	height:10px;
	background-position:-5px -323px;
	position:absolute;
	right:0px;
	top:3px;
}
/* 地点弹出面板 */
.location{
	position:absolute;
	z-index:10;
	top:190px;
	left:60px;
}
.location h3{
	padding:5px;
	height:20px;
	line-height:20px;
}
.close{
	background-position:0 -140px;
}
a:hover.close{
	background-position:0 -160px;	
}
.lo_city{
	width:35px;
	vertical-align:top;
}
.lo_litter{
	font-size:40px;
	color:#ccc;
	line-height:40px;
	vertical-align:top;
}
/* 瀑布流查看详情 */
	/* 弹出面板阴影 */
.shadow{
	background:url(../img/shadow.png) repeat;
}

.share_sh{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:100;
}
.share_cl{
	position:absolute;
	top:0;
	right:0;
}
.share_info p{
	height:20px;
	line-height:20px;
	float:left;
}
.share_info a,.share_info span{
	width:80px;
	display:inline-block;
	float:left;
}
.share_ueser{
	background-position:0 -280px;
}
.share_time{
	background-position:0 -240px;
}
.share_ico{
	background-position:0 -120px;
}

/* 注册登录 */
.lore_span{
	position:relative;
	top:15px;
	display:inline-block;
	font-size:20px;
	padding:0 20px;
}
.lore_bu{
	position:relative;
	left:0px;
}
.qq,.weibo,.renren{
	padding-left:30px;
	width:60px;
	float:left;
}
.qq{
	background-position:0 -105px;
}
.weibo{
	background-position:0 -145px;
}
.renren{
	background-position:0 -185px;
}
/* 个人信息修改 */
.sider{
	border-right:1px solid #ea9316;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.sider a{
	border-top:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
}
.sider a:hover{
	background:#f7f7f7;
	border-top:1px solid #ea9316;
	border-bottom:1px solid #ea9316;
}
.edit_box{
	width:605px;
	padding:30px 60px;
	float:left;
}
.small_nav{
	width:605px;
	font-size:18px;
	line-height:30px;
	color:#555;
	height:32px;
	float:left;
	border-bottom:3px solid #e0e0e0;
}
.small_nav li, .small_nav a{
	width:100px;
	display:inline-block;
	float:left;
}
.small_nav a:hover{
	border-bottom:2px solid #ea9316;
}
.edit_list{
	width:605px;
	float:left;
	margin-bottom:20px;
}
.edit_form label,.load_form label{
	width:75px;
	color:#222;
	margin-right:5px;
	text-align:right;
	display:inline-block;
	float:left;
}
.select{
	border-radius:3px;
	border:1px solid #ccc;
	background:#f7f7f7;
	padding:10px;
	height:40px;
	line-height:40px;
	display:line-block;
}

/* 上传页面 */
.load_form input,.load_form textarea{
	width:355px;
	border:1px solid #ccc;
	color:#aaa;
	font-size:14px;
	background:#f7f7f7;
	border-radius:3px;
	float:left;
}
.drop_box{
	padding:5px;
	height:30px;
	float:left;
}
.drop_box,.drop_list{
	border:1px solid #ccc;
	border-radius:3px;
	background:#f7f7f7;
}
.drop_list li{
	width:130px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0px;
	padding:0px;
}
.drop_list a:hover{
	background:#eee;
	width:130px;
}
.drop_list a{
	height:30px;
	display:inline-block;
}
